/**
 * Menu DPL For KISSY.
 * @author yiminghe@gmail.com
 */
/**
* Variables to customize the look and feel from Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Snippets of reusable CSS to develop faster and keep code readable from KISSY and Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Variables to customize the look and feel from Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Snippets of reusable CSS to develop faster and keep code readable from KISSY and Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Variables to customize the look and feel from Bootstrap.
*
* @author yiminghe@gmail.com
*/
.ks-submenu-arrow {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  margin-top: 4px;
  margin-right: 8px;
  vertical-align: top;
  opacity: 0.3;
  filter: alpha(opacity=30);
  *zoom: 1;
  opacity: 0.3;
  filter: alpha(opacity=30);
  *zoom: 1;
  right: 0;
  border-left: 4px solid black;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.ks-menuitem-hover .ks-submenu-arrow,
.ks-menuitem-active .ks-submenu-arrow {
  opacity: 1;
  filter: alpha(opacity=100);
  *zoom: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  *zoom: 1;
}
.ks-popupmenu {
  position: absolute;
  z-index: 1000;
  left: -9999px;
  top: -9999px;
}

.ks-popupmenu-hidden{
    visibility: hidden;
}

.ks-menu {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 4px 0;
  background-color: #ffffff;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.ks-menu .ks-separator {
  height: 1px;
  margin: 8px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.ks-menu .ks-menuitem {
  position: relative;
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: normal;
  color: #333333;
  white-space: nowrap;
  cursor: default;
}
.ks-menuitem-content {
    display: inline;
}
.ks-menu .ks-menuitem-hover,
.ks-menu .ks-menuitem-active {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}
.ks-menu-disabled .ks-menuitem,
.ks-menuitem-disabled .ks-menuitem {
  opacity: 0.3;
  filter: alpha(opacity=30);
  *zoom: 1;
  opacity: 0.3;
  filter: alpha(opacity=30);
  *zoom: 1;
}
.ks-menu .ks-menuitem-disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  *zoom: 1;
  opacity: 0.3;
  filter: alpha(opacity=30);
  *zoom: 1;
}
.ks-menuitem-checked .ks-menuitem-checkbox {
  position: absolute;
  left: 6px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *display: inline;
  *zoom: 1;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  background-image: url(http://img04.taobaocdn.com/tps/i4/T1bxYzXmxeXXcIVv2D-469-159.png);
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em;
  *margin-right: .3em;
  background-position: -288px 0;
}
.ks-menuitem-checked .ks-menuitem-checkbox:last-child {
  *margin-left: 0;
}
.ks-menuitem-checked .ks-menuitem-checkbox:last-child {
  *margin-left: 0;
}
